草庐IT

Web前端Tips:CSS3 部分新特性介绍

全部标签

javascript - Vanilla JavaScript : Is there a way to toggle multiple CSS-classes in one statement?

我使用这些JavaScript代码来更改脚本中的类:vartoggleDirection=function(){group.classList.toggle('left-to-right');group.classList.toggle('right-to-left');}在我的示例中,只有两个类需要更改,但也可以是多个类...因此:有谁知道编写示例的方法不那么冗余? 最佳答案 不,不可能直接使用Element.classListAPI。查看API,您可以阅读:toggle(String[,force])Whenonlyonearg

javascript - jquery 可拖动事件更改子元素的 css

你好,请看这段代码$('.new-div').draggable({containment:"#bord",create:function(){$(".new-div").css("width",'auto');},drag:function(){$(".new-div").css("width",'auto');},start:function(){$(".new-div").css("width",'auto');},stop:function(){$(".new-div").css("width",'auto');}});$(document).on("click",".clos

javascript - 等待几个 web worker 完成

我有一个创建多个网络worker的脚本,这些网络worker执行一些工作并在完成时发送消息。问题是我需要从所有这些中得到结果,然后计算出最终的解决方案。在其他工作中,他们计算出问题的部分解决方案,主线程使用这些部分解决方案来生成最终答案。我如何才能等待所有这些线程完成,Javascript中是否有类似Java中的invokeAll的东西?或多或少,我的主线程中有:vardata=[];functioncreateWorker(i){varv=newWorker('js/worker.js');v.postMessage(i);v.onmessage=function(event){da

javascript - 在 Progressive Web App 中使用系统应用程序打开文件

我正在尝试弄清楚是否可以使用默认系统应用程序从ProgressiveWebApp打开文件。这个想法是PWA将存储一些文件(例如.docx文件)以供离线使用,并且用户无需(重新)下载它们就可以打开它们。理想情况是PWA能够将文件加载到内存中,使其可供该文件类型的默认系统应用程序访问(例如.docx文件的Word),观察更改(即用户保存编辑),然后将其存储回PWA存储。即使是只读解决方案也很棒。由于隐含着严重的安全问题,并且从谷歌搜索中没有任何结果,我最好的选择是(还)不支持它。但是,我希望可能有一种我不知道的方法可以做到这一点,并且不需要用户下载文件的副本。

javascript - 如何使用 d3.js 将填充部分添加到 SVG 圆圈

我正在使用d3.js生成一些SVG圆圈。我能够生成它们,但我不知道如何将它们分成4个相等的部分并为每个部分填充颜色。我正在使用d3.js的版本4。这是我的fiddle中的javascript片段:varnodes=[{"type":'family',"id":'f1',"name":'',"image":""},{"type":'person',"id":'p1',"name":'fredflintstone',"age":39,"relationship":"father","sex":''},{"type":'person',"id":'p2',"name":'wilmaflint

javascript - iPhone Safari Web 应用程序 : Seeking overview of iPhone-specific features

我试图大致了解在编写Web应用程序(使用html/css/javascript,在Safari中运行)时我可以获得哪些原生iPhone功能。意思:我想知道我是否可以访问一般的“智能手机”,特别是iPhone/iTouch的特定功能(加速度计、地址簿、照片库、iPhone的唯一标识符、相机、指南针、可用的Wifi网络)等)。我想一定有一个概述,可能在Apple开发者网站上,但我很难找到它,因为它现在都是关于native应用程序的。 最佳答案 查看Apple开发者网站上的“针对Web应用程序的iPhone人机界面指南”。它没有明确说明,

javascript - 我怎么知道我是在点击网页上 png 的透明部分还是非透明部分?

我们有一个多年前在Flash中开发的测验,它使用点击区域来确定是否有人点击了图像的适当部分(想想“解剖测验”)。这些命中区域的轮廓非常繁琐,无法重复使用轮廓坐标数据...现在,我们正尝试用HTML重新做这件事--所以,我们有一个股骨的背景图像和一个png,它在Z顺序中位于更高的位置,其中一部分完全透明,而其他部分有50%的灰色。这用于告诉学生背景股骨图像上的什么地方。我希望能够在“测验模式”中使用来自该pngmask层的数据来确定学生是否正确点击了股骨的特定部分...我正在考虑设置maskpng到100%透明度(因此学生看不到它),但如果浏览器知道他们点击了图像的正确区域(即蒙版上10

javascript - 任何人都可以建议从 web 的 javascript 触摸事件开始的地方吗?

我想学习如何制作可以同时支持触摸和鼠标事件的图片库和内容slider。从哪里开始了解触摸事件比较好?我似乎找不到任何官方文档。是否有通过jQuery支持的有用的触摸库来规范化API? 最佳答案 有一个关于触摸事件的很好的Apple文档(但不仅限于此):listofsupportedeventsonSafariWebContentGuide:HandlingEvents您还可以在支持触控的设备上访问此页面(我创建的JS脚本)并查看正在触发的事件:http://jsfiddle.net/wzD8A/embedded/result/我相信

javascript - 获取应用于元素的 css 类的背景颜色

比如说,我有以下CSS类:.upComing{background:#ccc;font-weight:bold;}在我的HTML中,我有一个表,其中一些行应用了该类,如下所示:到目前为止一切顺利,但是通过JavaScript我有监听td点击的事件,我想获取行的颜色(我知道我可以获取行的类,但在这种情况下我需要能够从类中获取颜色)。我需要这样做,因为表格可以导出到excel文件,如果行颜色在CSS类上,则不会应用于excel文件,我想在之前将这种颜色应用于每个td将html发送到excel生成器。PS:该表是从我们创建的jQuery插件动态生成的,它仍在进行中,但当我们对它有足够的信心时

javascript - 使用 Web Audio API 使用 OscillatorNodes 演奏和弦

我想使用OscillatorNodes演奏和弦:varac=new(window.AudioContext||window.webkitAudioContext);//C4,E4,G4varfreqs=[261.63,329.63,392.00];for(vari=0;i但这种方法听起来一团糟(here'swhatitsoundslike)。如果我尝试为和弦中的每个音符创建新的AudioContext,那么它听起来不错(likethis)://C4,E4,G4varfreqs=[261.63,329.63,392.00];for(vari=0;i但我读到你应该只有一个AudioCont